{if isset($s2) && $s2 == 'dodaj'}
{literal}
	<script>
		function isInt(value){ 
		   return !isNaN(parseInt(value)*1);
		}
		$(document).ready(function(){
			$("input#dodaj").click(function(){
				if($("input[name='kolumna']").val() == "" || $("input[name='kolumna']").val() == '0'){
					$(".komunikat").html("Kolumna > nie moze byc pusty lub zero");
				}else if(!isInt($("input[name='kolumna']").val())){
					$(".komunikat").html("Kolumna > zly format");
				}else if($("input[name='wiersz']").val() == "" || $("input[name='wiersz']").val() == '0'){
					$(".komunikat").html("Wiersz > nie moze byc pusty lub zero");
				}else if(!isInt($("input[name='wiersz']").val())){
					$(".komunikat").html("Wiersz > zly format");
				}else{
					$(".komunikat").html("");
				}
				
				if($(".komunikat").html() == ""){
					$("#wstep").hide();
					$("#bg-alpha").hide();
					$("#manager-sala table").html("");
					var z=1;
					for(x=0; x<parseInt($("input[name='kolumna']").val()); x++){
					
						$("<tr></tr>").prependTo("#manager-sala table");
						for(y=0; y<parseInt($("input[name='wiersz']").val()); y++){
							$("<td><div class='opened'><b>"+z+"</b><input type='hidden' name='"+z+"' value='o' /></div></td>").appendTo("#manager-sala table tr:eq(0)");
							z++;
						}
					}
					$("input[name='sala_kolumna']").val($("input[name='kolumna']").val());
					$("input[name='sala_wiersz']").val($("input[name='wiersz']").val());
					

					$( "#tablica_sala tr td div" ).droppable({
						drop: function( event, ui ) {
							k='';
							if(ui.draggable.hasClass("closed")){
								$(this).removeAttr("class");
								$(this).addClass("closed");
								k='c';
							}							
							if(ui.draggable.hasClass("opened")){
								$(this).removeAttr("class");
								$(this).addClass("opened");
								k='o';
							}
							$("input",this).val(k);
						}
					});
				
				}

			});

			$( "div.move" ).draggable({helper: "clone"});
		});
	
	</script>
	<style>	
		#manager-sala td{
			height:30px;
			width:25px;
		}
		.opened{
			background-color:#D6E01B;
			width:25px;
			height:30px;
			line-height:35px;
			text-align:center;
		}
		.closed{
			background-color:#DEDEDE;
			width:25px;
			height:35px;
			line-height:35px;
			text-align:center;
		}
		#tablica_sala{
			float:left;
			border-right:1px solid #eee;
			margin-right:10px;
		}
		#tasklist{
			float:left;
		}
		.move{
			cursor:move;
		}
	</style>
{/literal}
	<center>
		<div id="bg-alpha" style="position:absolute; width:100%; height:100%; left:0; top:0; background-image:url(./images/blackpng.png);"></div>
		<div style="display:inline-block; width:400px;">
			<div id="wstep" style="width:400px; position:absolute; top:50px; heigth:200px; background-color:white; border:1px solid #ccc;">
				<h1>Dodaj sala</h1>
				<div class="komunikat" style='color:red;'></div>
				<br />
				<div style='clear:left;'><div style='float:left; width:200px;'>Liczba kolumn:</div><div><input type='text' name='kolumna' /></div></div>
				<div style='clear:left;'><div style='float:left; width:200px;'>Liczba wiersz:</div><div><input type='text' name='wiersz' /></div></div>
				<br />
				<input type="button" id="anuluj" value="Anuluj" name="submit" onClick="parent.location='./sala.php'" /><input type="submit" id="dodaj" value="Dodaj" name="submit" />
				
				<br /><br />
			</div>
		</div>
	</center>
	<div id="manager-sala">
		<h1>Zbuduj!</h1>
		<center>
		<div style="display:inline-block;">
			<form action="./sala.php?action=dodaj_sala" method="post">
				<input type="hidden" name="sala_kolumna" />
				<input type="hidden" name="sala_wiersz" />
				<table cellpadding="5" cellspacing="5" id="tablica_sala" style="min-height:200px; min-width:200px; border:1px solid #eee;">
					
				</table>
				
				<div id="tasklist">
					<div>
						<span><b>Przeciągaj je, <br /> by ułożyć je w tabelę.</b></span><br /><br />
						<div class="opened move"></div> - krzeslo
						<br />
						<div class="closed move" title="uszkodzone lub brak krzesla"></div> - droga
					</div>
				</div>
				<div style='clear:both;'>
				
				Numer :<input type="text" value="" name="numer" /> <br />
				</div>
				<div style="clear:both; margin-top:10px; margin-bottom:10px;"><input type="submit" value='Zapisz'/></div>
			</form>
		</div>
		</center>
	</div>
{else if isset($s2) && $s2 == 'edytuj_sala'}
	{literal}
		<script>
			function isInt(value){ 
			   return !isNaN(parseInt(value)*1);
			}
			$(document).ready(function(){
				$("input#dodaj").click(function(){
					if($("input[name='kolumna']").val() == "" || $("input[name='kolumna']").val() == '0'){
						$(".komunikat").html("Kolumna > nie moze byc pusty lub zero");
					}else if(!isInt($("input[name='kolumna']").val())){
						$(".komunikat").html("Kolumna > zly format");
					}else if($("input[name='wiersz']").val() == "" || $("input[name='wiersz']").val() == '0'){
						$(".komunikat").html("Wiersz > nie moze byc pusty lub zero");
					}else if(!isInt($("input[name='wiersz']").val())){
						$(".komunikat").html("Wiersz > zly format");
					}else{
						$(".komunikat").html("");
					}
					
					if($(".komunikat").html() == ""){
						$("#wstep").hide();
						$("#bg-alpha").hide();
						$("#manager-sala table").html("");
						var z=1;
						for(x=0; x<parseInt($("input[name='kolumna']").val()); x++){
						
							$("<tr></tr>").prependTo("#manager-sala table");
							for(y=0; y<parseInt($("input[name='wiersz']").val()); y++){
								$("<td><div class='opened'><b>"+z+"</b><input type='hidden' name='"+z+"' value='o' /></div></td>").appendTo("#manager-sala table tr:eq(0)");
								z++;
							}
						}
						$("input[name='sala_kolumna']").val($("input[name='kolumna']").val());
						$("input[name='sala_wiersz']").val($("input[name='wiersz']").val());
						

						$( "#tablica_sala tr td div" ).droppable({
							drop: function( event, ui ) {
								k='';
								if(ui.draggable.hasClass("closed")){
									$(this).removeAttr("class");
									$(this).addClass("closed");
									k='c';
								}							
								if(ui.draggable.hasClass("opened")){
									$(this).removeAttr("class");
									$(this).addClass("opened");
									k='o';
								}
								$("input",this).val(k);
							}
						});
					
					}

				});

				$( "div.move" ).draggable({helper: "clone"});
			});
		
		</script>
		<style>	
			#manager-sala td{
				height:30px;
				width:25px;
			}
			.opened{
				background-color:#D6E01B;
				width:25px;
				height:30px;
				line-height:35px;
				text-align:center;
			}
			.closed{
				background-color:#DEDEDE;
				width:25px;
				height:35px;
				line-height:35px;
				text-align:center;
			}
			#tablica_sala{
				float:left;
				border-right:1px solid #eee;
				margin-right:10px;
			}
			#tasklist{
				float:left;
			}
			.move{
				cursor:move;
			}
		</style>
	{/literal}
	
	{function tabela_sala sala_kolumna=1}
		{if $sala_kolumna != $sala['tablica']['sala_kolumna']}
			{tabela_sala sala_kolumna=($sala_kolumna+1)}
			<tr>
				{for $w=1 to $sala['tablica']['sala_wiersz']}
					{$numer=($sala_kolumna-1)*$sala['tablica']['sala_wiersz']+$w}
					<td><div class='{if $sala["tablica"][$numer] == "o"}opened{else}closed{/if}'><b>{$numer}</b><input type='hidden' name='{$numer}' value='{if $sala["tablica"][$numer] == "o"}o{else}c{/if}' /></div></td>
				{/for}
			</tr>
		{/if}
	{/function}
		<div id="manager-sala">
			<h1>Zbuduj!</h1>
			<center>
			<div style="display:inline-block;">
				<form action="./sala.php?action=edytuj_sala&id={$sala['id_sala']}" method="post">
					<input type="hidden" name="sala_kolumna" />
					<input type="hidden" name="sala_wiersz" />
					<table cellpadding="5" cellspacing="5" id="tablica_sala" style="min-height:200px; min-width:200px; border:1px solid #eee;">
						{tabela_sala}
					</table>
					
					<div id="tasklist">
						<div>
							<span><b>Przeciągaj je, <br /> by ułożyć je w tabelę.</b></span><br /><br />
							<div class="opened move"></div> - krzeslo
							<br />
							<div class="closed move" title="uszkodzone lub brak krzesla"></div> - droga
						</div>
					</div>
					<div style='clear:both;'>
					
					Numer :<input type="text" value="{$sala['numer']}" name="numer" /> <br />
					</div>
					<div style="clear:both; margin-top:10px; margin-bottom:10px;"><input type="submit" value='Zapisz'/></div>
				</form>
			</div>
			</center>
		</div>
{else}
	<a href="./sala.php?action=dodaj_sala" >Dodaj sala</a>
	<table>
	{section loop=$sale name=k}
		<tr><td>Sala #{$sale[k].numer}</td><td><a href='./sala.php?action=edytuj_sala&id={$sale[k].id_sala}'>Edytuj</a> <a href='./sala.php?action=usun_sala&id={$sale[k].id_sala}'>Usuń</a></td></tr>
	{/section}
	</table>
{/if}